<!DOCTYPE html>
<html>
<head>
	<!-- 设置浏览器不缓存 -->
    <META HTTP-EQUIV="pragma" CONTENT="no-cache">
    <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
    <META HTTP-EQUIV="expires" CONTENT="0">
	<!-- Content-Type -->
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<!-- Favicon -->
	<link rel="shortcut icon" href="./images/logo.png">
	<title>企业服务共享中心-上传</title>
	<!--stylesheets-->
	<link rel="stylesheet" href="./plugins/element/index.css">
	<script src="./plugins/vue/vue.js"></script>
	<script src="./plugins/element/index.js"></script>
	<script src="./plugins/axios/axios.min.js"></script>
	<script src="./js/common/public.js?v=0.8.0.3"></script>
	<!-- 自定义样式表 -->
	<link rel="stylesheet" href="./css/base.css?v=0.8.0.3">
</head>
<body>
<div id="app">
<template>
<el-container class="maincontainer">
	<el-container class="submaincontainer">
		<el-card class="box-card" style="width:100%" shadow="never">
		  <div slot="header" class="clearfix">
			<el-tooltip  class="item" effect="dark" content="上一层" placement="top-start">
				  <el-button size="small" icon="el-icon-top-left"  @click="up()" :disabled = "queryForm.curdir==queryForm.root">上层目录</el-button>
			</el-tooltip>
			<span style="margin-left:20px;color:#606266;">路径：{{queryForm.curdir}}</span>
			<el-upload style="float: right;margin-top:0px;"
			  class="upload-demo"
			  :action="uploadurl"
			  multiple
			  :headers="headers" 
			  :data="queryForm"
				 :on-success="handleAvatarSuccess" 
	          :show-file-list="false">
			  <el-button size="small" icon="el-icon-upload" >点击上传</el-button>
			</el-upload>
			<el-button-group style="float: right;margin-top:0px;">
					<el-tooltip v-for="item in toolbar" class="item" effect="dark" v-bind:content="item.content" placement="top-start">
						  <el-button size="small" v-bind:icon="item.icon" v-bind:type="item.type" @click="toolAction(item.content)">{{item.content}}</el-button>
					</el-tooltip>
			</el-button-group>
		  </div>
		  <div>
			  <el-table
				@row-dblclick ="into"
				row-key="id"
				:data="pagedata"
				tooltip-effect="dark"
				height="500"
				style="width: 100%;">
					<el-table-column
					v-for="column in tablecolums"
					  v-bind:prop="column.prop"
					  v-bind:label="column.label"
					  v-bind:min-width="column.width"
						@row-click="add"
					  show-overflow-tooltip>
					</el-table-column>
					<el-table-column label="操作" min-width="50">
					  <template slot-scope="scope">
						  <el-link type="primary" @click="del(scope.$index, scope.row)">删除</el-link>
					  </template>
					</el-table-column>
			  </el-table>
		  </div>
		</el-card>
	</el-container>
</el-container>
<el-dialog :close-on-click-modal="false"  title="目录" :visible.sync="dialogFormVisible" width="400px">
    <el-form :model="uploadframeForm" :rules="uploadframeRules" ref="uploadframeForm" label-width="80px">
		<el-row :gutter="20">
		  <el-col :span="24">
			  <el-form-item label="名称" prop="name"  >
				  <el-input v-model="uploadframeForm.name" maxlength="10"></el-input>
			  </el-form-item>
		  </el-col>
    </el-form>
  <div slot="footer" class="dialog-footer">
    <el-button @click="dialogFormVisible = false">取 消</el-button>
    <el-button type="primary" @click="cofirm">确 定</el-button>
  </div>
</el-dialog>
</template>
</div>
</body>
<script src="./js/uploadframe.js?v=0.8.0.3"></script>
</html>
